{include file="public/heder"/}

<style>
    body{
        -moz-user-select: none; /*火狐*/
        -webkit-user-select: none; /*webkit浏览器*/
        -ms-user-select: none; /*IE10*/
        -khtml-user-select: none; /*早期浏览器*/
        user-select: none;
    }
</style>
<header class="header" id="header">
    <a href="javascript:history.go(-1)" target=_self class="back">返回</a>
</header>
<!--header-end-->

<div class="container" id="container">

    <div class="header-bot-item">
        <span onclick="add()"><img style="width: 80%;height: 80%;" src="__ROOT__/app/images/add_xc.png"></span>
        <h2>宝贝云相册</h2>
        <span id="complie" style="font-size: 15px;cursor:pointer">编辑</span>
    </div>

    <!--Banner-->
    <div class="banner" id="index-banner" style="position:fixed;">
        <div class="banner-pics">
            <ul class="banner-pics-list OnSale-banner">
                <li><img src="__ROOT__/app/images/bb_logo.png" alt=""/></li>
            </ul>
        </div>
    </div>

    <!--banner-end-->

    <!--家居安装开始-->
    <ul class="ind-nav ind-nav1" style="margin-top: 225px;">
        <a href="javascript:;"><li style="width: 40%;height: 60%;float: left;margin-left: 20px;color:black;position:relative;"><img id="del" style="width: 15%;height: 15%;margin-left: -10px;display: none;position:absolute;" src="__ROOT__/app/images/del.png" alt=""/><img style="margin-top: 10px;" src="__ROOT__/uploads/20170821/0e1c12ab136659e1d5da6db905304f2f.jpg">相机胶卷</li></a>
        <a href="javascript:;"><li style="width: 40%;height: 60%;float: left;margin-left: 20px;"><img style="margin-top: 10px;" src="__ROOT__/uploads/20170821/0e1c12ab136659e1d5da6db905304f2f.jpg">bbbbb</li></a>
        <a href="javascript:;"><li style="width: 40%;height: 60%;float: left;margin-left: 20px;"><img style="margin-top: 10px;" src="__ROOT__/uploads/20170821/0e1c12ab136659e1d5da6db905304f2f.jpg">ccccc</li></a>
        <a href="javascript:;"><li style="width: 40%;height: 60%;float: left;margin-left: 20px;"><img style="margin-top: 10px;" src="__ROOT__/uploads/20170821/0e1c12ab136659e1d5da6db905304f2f.jpg">ddddd</li></a>
        <a href="javascript:;"><li style="width: 40%;height: 60%;float: left;margin-left: 20px;"><img style="margin-top: 10px;" src="__ROOT__/uploads/20170821/0e1c12ab136659e1d5da6db905304f2f.jpg">eeeee</li></a>
        <a href="javascript:;"><li style="width: 40%;height: 60%;float: left;margin-left: 20px;"><img style="margin-top: 10px;" src="__ROOT__/uploads/20170821/0e1c12ab136659e1d5da6db905304f2f.jpg">fffff</li></a>
        <a href="javascript:;"><li style="width: 40%;height: 60%;float: left;margin-left: 20px;"><img style="margin-top: 10px;" src="__ROOT__/uploads/20170821/0e1c12ab136659e1d5da6db905304f2f.jpg">ggggg</li></a>


    </ul>

</div>
<!--container-end-->

</body>
</html>
<script>
    function add(){
        layer.prompt({title: '新建相册，请为此相册输入名称', formType: 3}, function(text, index){
            layer.close(index);

        });
    }

    $('#complie').on('click',function(){
        if($('#complie').html()=="编辑"){
            $('#complie').html("完成");
            $("#del").fadeToggle();
        }else{
            $('#complie').html("编辑");
            $("#del").fadeToggle();
        }
    })


    $('#del').on('click',function(){
        //底部对话框
        layer.open({
            content: '你确认要删除相册吗，要三思哦！！！！'
            , btn: ['删除', '取消']
            , skin: 'footer'
            , yes: function (index) {
                layer.open({content: '删除成功'})
                setTimeout(function(){

                },1);

            }
        });
    })
</script>